.body {
    background: url("../imgs/1.jpg") no-repeat center center fixed;
    background-size: cover;
    height: 99vh; /* 使用100%的视口高度 */
    width: 100vw; /* 使宽度也占满视口 */
    overflow: hidden; /* 隐藏滚动条 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    margin: 0; /* 移除外边距 */
    padding: 0; /* 移除内边距 */
}

.login-box {
    width: 30%;
    padding: 50px 30px;
    color: antiquewhite;
    border-radius: 15px;
    background-color: rgba(223, 195, 153, 0.5); /* 设置为半透明 */
    text-align: center; /* 使内部元素居中 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 添加轻微的阴影效果 */
}

.login-box:hover {
    box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.6);
}

/* 适应小屏幕 */
@media (max-width: 768px) {
    .login-box {
        width: 90%; /* 在小屏幕上调整宽度 */
    }
}